<template>
	<view class="counts">
		<image mode="widthFix" :src="url"></image>
		<view v-if="title" class="titles">{{title}}</view>
	</view>
</template>

<script>
	export default {
		name:"no_order",
		props:['title','icon_url'],
		data() {
			return {
				url:"https://wechat-pictures-1301970825.file.myqcloud.com/zanwu.png"
			};
		},
		created() {
			if(this.icon_url)
			{
				this.url=this.icon_url?this.icon_url:this.url
			}
		}
	}
</script>

<style>
   .counts{
	   width: 100%;
	   height: 100%;
	   position: relative;
	   top: 0;
	   left: 0;
	   display: flex;
	   justify-content: center;
	   align-items: center;
	   flex-direction: column;
   }
   .counts image{
	   width: 500upx;
	   height: 300upx;
   }
</style>
